<style>
     .clearfix:after,.clearfix:before {
         content: "";
         display: table
     }

     .clearfix:after {
         clear: both
     }
     ul,ul li{
         list-style: none;
         padding: 0px;
         margin: 0px;
     }
     .imgList{
         width: 1200px;
         margin: 0 auto;
         background-color: #efefef;
     }
     .imgList li{
         float: left;
         width: 232px;
         display: flex;
         justify-content: center;
         align-items: center;
         flex-direction: column;
         margin-right: 10px;
         margin-bottom: 10px;
         background-color: #ffff;
     }
     .imgList li .imgWrapper{
        height:232px;
        width:232px;
        display:flex;
        justify-content:center;
        align-items:center;

     }
     .imgList li:nth-of-type(5n){
         margin-right: 0;
     }
     .imgList li img{
         max-width: 232px;
         max-height: 232px;
     }
     .imgList li p{
         width: 100%;
         height: 30px;
         text-overflow:ellipsis;
         text-indent: 10px;
         line-height: 30px;
         overflow: hidden;
         white-space: nowrap;
     }
 </style>
